﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Backbone.js Library</title>
    <link rel="stylesheet" href="css/screen.css">
</head>
<body>
    <div id="books">
        <form id="addBook" action="#">
            <label for="">
                CoverImage:
            </label>
            <input id="coverImage" type="file" />
            <label for="title">
                Tile:
            </label>
            <input type="text" id="title" />
            <label for="author">
                Author:
            </label>
            <input id="author" type="text" />
            <label for="releaseDate">
                Release date:
            </label>
            <input id="releaseDate" type="text" />
            <label for="keywords">
                Keywords:
            </label>
            <input id="keywords" type="text" />
            <button id="add">
                Add</button>
        </form>
    </div>
    
    <script id="bookTemplate" type="text/template">
    <img src="<%= coverImage %>"/>
    <ul>
        <li><%= title %></li>
        <li><%= author %></li>
        <li><%= releaseDate %></li>
        <li><%= keywords %></li>
    </ul>

    <button class="delete">Delete</button>
</script>
    

    <script src="js/lib/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/lib/underscore.js" type="text/javascript"></script>
    <script src="js/lib/backbone.js" type="text/javascript"></script>
    <script src="js/models/book.js"></script>
    <script src="js/collections/library.js"></script>
    <script src="js/views/book.js"></script>
    <script src="js/views/library.js"></script>
    <script src="js/app.js"></script>
</body>
</html>
